<%@ page language="java" contentType="text/html;" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<!DOCTYPE html>
<html>
<head>
    <jsp:include page="../inc_min.jsp"></jsp:include>
    <link href="${ctx }/jslib/layui/css/layui.css" rel="stylesheet" type="text/css" />
	<style>
		.content{
			width:400px;
			margin:0 auto;
		}
		.query{
			display:block;
			height:36px;
			width:105px;
			line-height:36px;
			text-align:center;
			background: #34c0e3; 
			color: #FFFFFF;
			border:1px solid #34c0e3;
			-moz-border-radius: 3px;      /* Gecko browsers */
		    -webkit-border-radius: 3px;   /* Webkit browsers */
		    border-radius:3px;
		    cursor:pointer;
		    margin-left:5px;
		}
		.left{
			width:105px;
			height:36px;
			line-height:36px;
			float:left;
			margin-right:8px;
		}
		li{
			margin-top:5px;
		}
		.layui-upload-button{
			float:left;
		}
	</style>
</head>
<body>
<div class="content">
	<p class="licenseImg" style="height:30px;margin-top:10px;">
	    <label class="left" id="label_zzfile">文件名单上传：</label>
	    <input type="file" name="file" class="layui-upload-file left" lay-title="选择文件"/>
	    <a class="query left" href="${ctx}/model/名单模板.xlsx">下载模板</a>
	</p><br/>
	<ul >
		<li>说明：</li>
		<li>1. 下载模板文件，并按照模板文件中的格式维护旅客信息；</li>
		<li>2. 各字段格式说明：</li>
	    <li>• 旅客姓名（英文）：姓/名，如li/yang，必填</li>
	    <li>• 中文姓名：姓/名，如李/洋，可空</li>
	    <li>• 手机号：数字，可空</li>
	    <li>• 性别：男/女</li>
	    <li>• 证件类型：默认为护照</li>
	    <li>• 证件号：数字或字母，必填</li>
	    <li>• 出生日期：YYYY/MM/DD，必填</li>
	    <li>• 旅客类型：默认为成人</li>
	    <li>• 证件有效期：YYYY/MM/DD，必填</li>
	    <li>• 国籍：英文字母，必填</li>
	    <li>• 签发国家：英文字母，必填</li>
	    <li>• 酒店：可空</li>
	    <li>• 联运：可空</li>
	    <li>• 备注：可空</li>
	</ul>
</div>

<script src="${ctx }/jslib/layui/layui.js" charset="utf-8"></script>

<script>
    var src = '${ctx}/file/readPass';
    <c:if test="${param.orderNumber != null}">
        src='${ctx}/order/batchSavePass/${param.orderNumber}';
    </c:if>
    var data = "";
    layui.use('upload', function(){
        layui.upload({
            url:src
            ,method: 'post' //上传接口的http类型
            ,ext: 'xlsx'
            ,success: function(res){
                if(res.code == 0){
                    data = res.msg;
                    layer.alert('导入成功！',{skin:'layui-layer-lan',title: ['系统提示', 'background-color:#00B2EE; color:#fff;'],closeBtn: 0}, function(index){
                        <c:if test="${param.orderNumber == null}">
                        window.parent.impData(JSON.parse(data));
                        </c:if>
                        parent.layer.closeAll();
                    });
                }else{
                    layer.alert("导入失败，原因："+res.msg);
                }
            }
        });
    });
</script>
</body>
</html>